<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="root61">
<head>
	<%@include file="/views/common/include/taglib.jsp"%>
	<%@include file="/views/common/include/head.jsp"%>
	
	<link rel="stylesheet" href="${ctx }/css/dlifestyle/login.css"/>
<script src="${ctx}/js/controllers/LoginController.js" type="text/javascript"></script>
	
</head>
<body class="body" onload="loginLoad();">
<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
		
	</script>
<div id="content" class="content" align="center">
    <div class="title"><img src="${ctx }/images/login/login_title.png"></div>
	<div class="login-box">
		<%-- <div class="title"><span>用户登录</span><img src="${ctx }/images/login-title.png"></div> --%>
		<div class="form">
			<span id="errorMess"></span>
			<div>
				<input id="userName" type="text" name="login" maxlength="30" placeholder="账户" class="login-input">
				<img src="${ctx }/images/login/user_name.png" style="position: relative;top:10px;right:9px;">
			</div>
			<br>
			<div>
				<input class="login-input" id="password" type="password" name="password" placeholder="密码">
				<img class="pwd-img" src="${ctx }/images/login/password.png" style="position: relative;top:10px;right:9px;">
			</div>
			<span style="float:right;margin-right:-68px;margin-top:145px;">
		         <a style="text-decoration:none;cursor: pointer;" onclick="findPwd()" >忘记密码</a>
			</span>
			<span class="footer"><img onclick="userLogin();" src="${ctx }/images/login/button_2.png"></span>
		</div>
	</div>
	
	<%-- <img class="login_box_bg" src="${ctx }/images/login_box_bg.png"> --%>
</div><br>


<div class="footer_company" align="center"><span class="font">武汉虹信技术服务有限责任公司 Copyright ©2016-2018</span></div>
<script type="text/javascript">
$(".footer_company").css({position:"absolute",height:"34%"});
$(".footer>img").hover(
		function(){
			$(this).attr("src","${ctx }/images/login/button_1.png")	
		},
		function(){
			$(this).attr("src","${ctx }/images/login/button_2.png")	
		});
		

//让登陆框内容居中		
$(".content").css("margin-top",($(window).height() - 470 ) / 2 + 'px');
$(window).resize(function() {
	var height = $(this).height();
	$(".content").css("margin-top",(height - 470 ) / 2 + 'px');
	});
</script>
<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
	<script src="${ctx}/js/lib/jquery.JPlaceholder.js" type="text/javascript"></script>
</body>
</html>